.main {
    width: 100vw;
    height: 100vh;
    background-size: 100% 100%;
    position: relative;
    background-image: linear-gradient(to bottom, #0275e0, #22adf2);
    background-size: cover;

    .loginView {
        position: absolute;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        left: 50%;
        background: #00000070;
        border-radius: 13px;
        top: 50%;
        width: 55%;
        transform: translate(-50%, -50%);

        .title {
            color: rgb(0, 0, 0);
            font-size: 32px;
            text-align: center;
            margin-bottom: 30px;
        }

        .login-box {
            width: 33%;
            min-width: 300px;
            padding-top: 6em;
            padding-left: 3em;
            padding-bottom: 6em;
            padding-right: 3em;
            background: white;
            border-radius: 13px 0px 0px 13px;
            align-content: space-around;
        }

    }
}

:deep(.el-input__wrapper) {
    background: none;
    border-radius: 14px;
    height: 48px;
    box-sizing: border-box;
}

:deep(.el-input__inner) {
    color: rgb(0, 0, 0);
}

:deep(.el-button) {
    width: 100%;
    height: 52px;
    border-radius: 18px;
    font-weight: 600;
    font-size: 18px;
}